﻿@charset "utf-8";
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;text-decoration: none;}
.red{color: #ff0000 !important;}
	@font-face{font-family:"Apercu";font-style:italic;font-weight:normal;
	src:url("../fonts/apercu_medium_italic_pro-web.eot") format("eot"),
	url("../fonts/apercu_medium_italic_pro-web.woff2") format("woff2"),
	url("../fonts/apercu_medium_italic_pro-web.woff") format("woff"),
	url("../fonts/apercu_medium_italic_pro-web.ttf") format("truetype"),
	url("../fonts/apercu_medium_italic_pro-web.svg#apercu") format("svg")
	}

	@font-face{font-family:"Tiempos Text";font-style:normal;font-weight:normal;
	src:url("../fonts/tiempostextweb-regular.woff") format("woff"),
	url("../fonts/tiempostextweb-regular.eot") format("eot")
	}

@font-face{font-family:"SourceHanSansCN-Light";font-style:italic;font-weight:normal;
	src:url("../webfont/SourceHanSansCN-Light.otf") format("otf"),
	url("../webfont/SourceHanSansCN-Light.woff") format("woff"),
	url("../fonts/sourcehansanscn-light.svg#sourcehansanscn-light") format("svg")
	}


body {
  font-family:"微软雅黑";
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff !important;
}





#container{overflow:hidden;position:relative;z-index:2;border:none;background: #fff !important;}
header{width:100%;height: auto;
	padding:1.5rem 0 1.5rem;
	font-size: 14px;font-family: "SimSun";z-index: 100;background: #fff;
	transition:top .5s;	
	-moz-transition:top .5s; /* Firefox 4 */
	-webkit-transition:top .5s; /* Safari and Chrome */
	-o-transition:top .5s; /* Opera */
	border-bottom: 1px solid #efefee;
	}
header.up-scrolled{position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;border-bottom: 1px solid #efefee;}
header.dn-scrolled{top: -105px;}
header.is-scrolled{padding:1.5rem 0 0.8rem; }
.logo{width: 25%;min-width: 430px;}
.logo a img{/*width: 51%;*/vertical-align: bottom;margin-right: 2%;}
.logo a.dq{padding-left:1%;display: inline-block;font-size:1.2rem;color: #888;margin-bottom: 6px;  }
.navbar-toggle{margin-right: 0;padding: 10px 0px;}
.navbar-toggle .icon-bar{background: #888;color: #888;width: 30px;}
.navbar-toggle .icon-bar + .icon-bar{margin-top: 5px;}
.collapse.navbar-collapse{padding: 0;z-index: 22;}

.nav{float: right; font-family:"微软雅黑";}
.nav li{display: inline-block;  }

.zuopin .nav li.zp a,
.about .nav li.about a,
.news .nav li.news a,
.count .nav li.count a
{color: #000; }

.nav a{padding:0 3%;display: inline-block;color: #231815;font-size: 1.8rem;line-height: 230%; }
.nav > li > a{padding: 0px 20px 0px; /*margin-left:35px;*/ }
.nav > li > a:hover{color:#fff; text-decoration:none; background-color: #231815; border-radius: 15px; }

.nav > li > a:focus { text-decoration: none; background:none;color: #000;}
.nav a.bb{padding-right: 0;color: #000000;font-family: "Arial";}
.in {clear: both;    height: 100vh;top: 0;left: 0;bottom: 0; right: 0;
    background: #4d4d4d;  z-index: 50; font-family: romain_headlineregular,Times,serif;  font-size: 1.2em;
}
/*.nav li:first-child  a{letter-spacing:1em;}*/
.in .nav li{display: block;width: 100%;text-align: center;}
.in .nav{width: 100%;}
.in .navbar-nav {margin-top: 35%;}
.in .navbar-nav > li > a{padding: 1em 0;color: #fff;}
.menu{position: inherit;height: auto;}

/*手机导航布局*/
.menu.show {display: block;}
.menu-link {display: none;}
.menu-link {width: 30px;height: 27px;margin-left: auto;position: relative;z-index: 100;}
.menu-link span {width: 100%;height: 2px;background: #4d4d4d;display: block;margin-top: -1px;position: absolute;
    text-indent: -9999em; top: 50%;}
header .menu-link span, .menu-link span:before, header .menu-link span:after{
    background: #4d4d4d;
}
header .menu-link.close span:before, header .menu-link.close span:after, header .menu-link.close span:before,header .menu-link.close span:after{
 background: #fff;
}
.menu-link.close span:before { color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-link.close span:after {color: #fff;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-link span:before, .menu-link span:after { width: 30px; height: 2px; background: #4d4d4d;
    content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;top: -8px;
    -ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;
}
.menu-link span:after {  bottom: -8px;  top: auto;}
header .menu-link.close span,header .menu-link.close span {
    background: transparent;
}
.menu ul { margin: 0; padding: 0; list-style: none; margin-top: 20px;  }
.menu.show{background:#4d4d4d;height: 100vh; top: 0;z-index: 9;position: fixed;
    left: -5%;
    right: 0;}
.menu.show ul{display: -ms-flexbox;display: flex;
    -ms-flex-align: center;  align-items: center;    height: 100%;
    -ms-flex-pack: center;    justify-content: center;    -ms-flex-direction: column;
    flex-direction: column;}
.menu-link.close{position: fixed;right: 5%;}
.menu.show ul{width: 100%;text-align: center;margin-top: -20px;}

.menu.show .nav > li > a{padding: 20px 8px;font-weight: bold; }

.up-scroll .oby{margin-top: 8.65rem;}

.by{height: auto; overflow: hidden;  position: relative;z-index: 2; padding-left:5%;}
.by h2{font-size:4rem;color: #000;padding:0rem 0  0rem; font-family: "Microsoft YaHei UI Light";margin: 0; margin-top:3rem; margin-bottom:1rem;}
.by h3{font-size:2.28rem;color: #888;font-family: "Microsoft YaHei UI Light";
    font-weight: lighter !important;margin: 0;line-height: 180%; margin-bottom:3rem;}
.by h3:first-child{margin-top: 3rem;}

/*.news .by h2{padding: 1.5rem 0 5rem;}*/

.itit{ width:90%; height: auto;overflow: hidden; /*padding-left:5%; */ margin:0 auto;}
.itit.ititle h2{padding:5rem 0 3rem;}
.itit h2{font-size:3.43rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light";margin: 0;padding:0rem 0; float:left; /*width:70%; */}
.itit .in_case_listtitle{ /*width:30%;*/ height:auto; float:right;  margin-top:1.3rem;}
.itit .in_case_listtitle ul{ margin:0px; padding:0px; list-style:none; float:right; }
.itit .in_case_listtitle ul li{ float:left; font-size:1.5rem; line-height: 200%; margin-left:3rem;  color:#666;}
.itit .in_case_listtitle ul li.cur a{ color:#F00;}

.itit .in_case_listtitle ul li a{ text-decoration:none; display: inline-block;}
.itit .in_case_listtitle ul li a:hover{ color:#fff; text-decoration:none; background-color: #231815; border-radius: 15px; padding: 0 22px;}

.itit .in_case_listtitle ul li .dhancss{color:#fff; text-decoration:none; background-color: #231815; border-radius: 15px; padding: 0 22px;}


.wapban{display: none;}

/*作品*/
#content{height: auto !important;overflow: hidden;}
#life{width: auto !important;height: auto !important;}
.row.izp .col-md-4{left: 0 !important;top: 0 !important;}
.row.izp .col-md-4{margin-bottom: 2.5em;font-family: "Microsoft YaHei";margin-top: 2em;}
.row .col-md-4 a{font-family: "Microsoft YaHei";}
.row .col-md-4 a .logo-box img{width: 100%;margin-bottom: 1.6em;}
.row .col-md-4 a .logo-box img:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}

.row .col-md-4 a .portfolio-title h2{margin: 0;font-size: 2.71rem; line-height: 1.5em;color: #233;margin-bottom: 0.3em;height:1.5em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.index .row .col-md-4 a .portfolio-title h2{height:1.5em;overflow: hidden;}
.row .col-md-4 a .portfolio-title p{font-size:16px;color: #888;line-height: 1.5em;height: 4.5em;overflow: hidden;width: 86%;}
.row .col-md-4 a.red{color: #ff0000;font-size: 2.6rem;}
.row .col-md-4 a.red span{text-decoration: underline;}
.row .col-md-4 a.red:hover span{text-decoration:none;}
.row .col-md-4.jjc{margin-top: 40px;margin-bottom: 85px;}

/*简介*/
.jjbig{width: 100%;height: auto;overflow: hidden;margin-top: 15px;}
.jjbig img{max-width: 100%;}

.row .col-md-6{font-family: "Microsoft YaHei";}
.row .col-md-6 p{font-size: 2.3rem;line-height: 160%;color: #888;margin-bottom: 0;width: 98%;}
.row .col-md-6 blockquote{padding: 2rem 6rem 0 8rem;border: 0;}
.row .col-md-6 blockquote p{width: 96%;color: #000000;font-family: "SimSun",Helvetica,Arial,sans-serif;font-weight: bold;font-size: 2.8rem;}

.jjts div{font-family: "Microsoft YaHei";}
.jjts div.ts1{width:15%;float: left;margin-right: 6.25%;min-width:200px;  }
.jjts div.ts1:last-child{margin-right: 0;}
.jjts div.ts1 h3{background: #000000;color: #fff;font-size: 2.85rem;display: inline-block;padding: .2em;margin: 9rem auto 2.5rem;}
.jjts div.ts1 p{font-size:2.29rem;color: #777;line-height: 155%; }


.rwjj{height: auto;overflow: hidden;margin-top:11.92rem;background: #f2f1f1;}
.rwjj .col-md-4{padding: 0}
.rwjj .col-md-4 img{max-width: 100%;}
.rwjj .col-md-8{padding:12rem 7.85rem 0; }
.rwjj .col-md-8 h1{font-size: 4.72rem;margin-bottom: 35px;}
.rwjj .col-md-8 p{font-family: "Microsoft YaHei";font-size: 2.286rem;color: #888;margin-bottom: 0;line-height: 155%;}
.rwjj .col-md-8 p.jjmt50{margin-top: 5rem;}


/*动态*/
.idt.row{margin-left:0px;margin-right: -14px; width:90%; margin:0 auto;}
.idt.row .col-md-3,.idt.row .col-sm-6{left: 0 !important;top: 0 !important;}
.idt.row .col-md-3,.idt.row .col-sm-6{padding-left:0px !important;padding-right: 14px;margin: 0 0 2.4em;}
/*.row.ldt .col-md-3{top: 0 !important;}*/
.row .col-md-3{margin-bottom: 2.4em;font-family: "Microsoft YaHei";}
.row .col-md-3 a img{width: 100%;margin-bottom: 1.6em;}
.row .col-md-3 dl dt{color: #000000;font-size:2.28rem;font-weight: 100;margin-bottom: 2.5rem;height:6rem;overflow: hidden;line-height: 3rem; }
.row .col-md-3 dl dt a{ color:#333;}
.row .col-md-3 dl dt a:hover{ color:#333; text-decoration:underline}
.row .col-md-3 dl p{font-size: 1.57rem;color: #888;margin-bottom:2.2rem;}
.row .col-md-3 dl p i{font-style: italic;font-weight: bold;font-family: "Microsoft YaHei" !important;}
.row .col-md-3 dl dd{font-size: 1.57rem;line-height: 180%;color: #888;width: 86%;line-height: 1.8em;height: 5.4em;overflow: hidden;}


/*footer*/
footer {width: 100%;bottom: 0;overflow: hidden;padding: 3.35em 0;border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;margin-bottom: 5em;margin-top:7em; }
footer .inner {position: relative;clear: both;height: auto;overflow: hidden;}
footer .inner div.zxly{font-family:"SimSun";float: left;width: 50%;}

footer .inner div.social{float: right;position: relative;padding-top: 3px;width: 48%;}
footer .inner p { font-size: 1em;}
footer .inner p.pc{display: block;}
footer .inner p.wap{display: none;}
footer .inner p.tubiao{height: 25px;}
footer .inner p.footp{color:#233;margin-bottom: 2.4em;font-family:"SimSun";line-height: 150%;}
footer .inner div p.footp a{color: #231f20;}
footer .inner div a{color: #717375;font-family:"SimSun";line-height: 130%;}
footer .inner div.zxly a{display: block;margin-bottom:5px;}
/*footer .inner div.zxly p{margin-bottom: 0;}*/

footer .social {  margin-left: auto;}
footer p.copyright {font-size: .75em; font-family:"Microsoft YaHei";float: right;text-align: right;margin-top:130px;}
.social p{list-style: none; text-align: right;}
.social p a {background-position: top left;background-repeat: no-repeat;display:inline-block; opacity: .8; text-indent: -9999px;transition: opacity .2s linear;margin: 0 1.6em 0 0;}
.social p a.twitter{width: 25px;height: 25px;background-image: url(../images/twitter.jpg);}
.social p a.facebook {width:25px;height:25px;background-image:url(../images/facebook.jpg)}
.social p a.instagram {width:25px;height:25px;background-image:url(../images/instagram.jpg)}
.social p a.linkedin {width:25px;height:25px;background-image:url(../images/linkedin.jpg)}
.social p a.flickr {width:25px;height:25px;background-image:url(../images/flickr.jpg);margin-top:4px}
.social p a.untappd {width:30px;height:25px;background-image:url(../images/untappd.jpg)}
.social p a.behance {width:39px;height:25px;background-image:url(../images/behance.jpg);margin-right:0}
#container .inner {border-left-width: 20px;border-right-width: 20px;border-color: transparent;border-style: solid;margin: 0 auto;}

/*关于我们*/
.about .bigpic img{width: 100%;}
.about .rwkh h2{font-size:2.85rem;color: #888; font-family: "Microsoft YaHei";margin: 0;line-height: 180%;}
.about .rwkh .khpic{margin-top: 10rem;width: 100%;}
.about .rwkh .khpic img{width: 50%;float: left;}
/*.about .container-fluid#container{padding-bottom: 5rem;}*/


/*作品内容*/
.bigpic{width: 100%; position: relative;  z-index: 2; }
.up-scroll .bigpic div{padding-top: 6.8rem; }
.bigpic div img{width: 100%;}

.zuopin .container-fluid.nr,.news .container-fluid.nr{padding: 0 20%;height: auto;overflow: hidden;}
.zuopin .row.zpjs,.news .row.zpjs{height: auto;overflow: hidden;font-family:"Microsoft YaHei";}
.zuopin .row.zpjs{margin: 4.5rem -15px;}
.news .row.zpjs{margin: 4.5rem auto;}
.zuopin .row.zpjs .col-md-6{font-size:1.72rem;color: #888 }
.zuopin .row.zpjs .col-md-6 h3,.zuopin .row.zpjs .col-md-4 h3,.zuopin .row.zpjs .col-md-2 h3
{font-size: 1.8rem;line-height: 150%;}

.zuopin .row.zpjs .col-md-6 p{font-size: 1.8rem;color: #000;width: 80%;line-height: 1.8em;}

.zuopin .row.zpjs .col-md-4{padding-left: 5rem;}
.zuopin .row.zpjs .col-md-4,.zuopin .row.zpjs .col-md-2{color: #000;font-size:1.72rem;}
.zuopin .row.zpjs .col-md-4 p,.zuopin .row.zpjs .col-md-2 p{font-size: 1.8rem;color: #888;line-height: 1.8em;}
/*.zuopin .row.zpjs .col-md-4 p{width: 35%;}
.zuopin .row.zpjs .col-md-2 p{width: 65%;}*/

.row.zpxq{height: auto;overflow: hidden;font-family:"Microsoft YaHei";margin: 4.5rem auto;line-height: 140%;font-size: 1.57rem;}
.row.zpxq img{max-width: 100%;margin: 15px 0;}
.row.zpxq p,.row.zpxq div{width: 76%;height: auto;overflow: hidden;font-size: 1.57rem;color: #888;font-size:"Microsoft YaHei";margin-bottom: 4rem;line-height: 180%;margin-top: 2rem;}
.row.zpxq h2{width: 76%;font-size: 2.28rem;color: #000;font-family:"Microsoft YaHei";margin: 4rem 0 2rem;line-height: 150%;}
.row.zpxq h1{width: 76%;font-size:3.7rem; color:#000;line-height: 150%;margin-top: 4rem;margin-bottom: 0;font-family: "Microsoft YaHei UI Light","Microsoft YaHei";font-weight: lighter !important;}
.row.zpxq p span a{color:#888; }
.pianfu {width: 100%;height: auto;overflow: hidden;margin: 12rem auto;}
.pianfu ul li{ width:40%; float: left;line-height: 100%;}
.pianfu ul li.gos{ width:20%; float: left;background: #f40101;}
.pianfu ul li.gos a{border: none;color: #fff;font-size: 2rem;width: 100%;display: inline-block;text-align: center;}
.pianfu ul li:last-child{text-align: right;}
.pianfu ul li a{padding:15px 20px;border:1px solid #ddd;color: #888;display: inline-block;}
.pianfu ul li a:hover{background: #ddd;}
.pianfu ul li.gos a:hover{background: #fe3030;}
/*视频*/
.row.zpxq figure{position:relative;margin: 15px 0;}
.row.zpxq video{max-width: 100%;}
.row.zpxq figure div{margin-bottom: 0;width: auto;}
.row.zpxq figure div#isPlay{position:absolute;width:98px;height: 98px;top:40%;left:45%; }
.row.zpxq figure div.stop{background: url(../images/stop.png) no-repeat;}
.row.zpxq figure div.play{background: url(../images/pay.png) no-repeat;display: none;}
/*进度条*/
.row.zpxq figure div#progress{width: 90%;position: absolute;left: 5%;bottom: 4rem;background: #fff;height: 2px;display: none;}
.row.zpxq figure:hover div#progress{display: block;}
/*播放进度*/
.row.zpxq figure div#bar{position: absolute;left: 0;bottom: 0;background: #000;height: 4px;display: none;}
.row.zpxq figure:hover div#bar{display: block;}
/*当前进度*/
.row.zpxq figure div#current{position: absolute;bottom: 6rem;right: 15%;color: #fff;display: none;}
.row.zpxq figure:hover div#current{display: block;}
/*总时长*/
.row.zpxq figure div#duration{position: absolute;bottom: 6rem;right: 10%;color: #fff;display: none;}
.row.zpxq figure:hover div#duration{display: block;}
/*全屏*/
.row.zpxq figure div#fullScreen{position: absolute;bottom: 6rem;right: 5%;color: #fff;display: none;}
.row.zpxq figure:hover div#fullScreen{display: block;}
/*开关*/
.row.zpxq figure:hover div#isPlay.play{display: block;}
/*总时长*/
.row.zpxq figure div#duration{}

.next_page{width: 280px;margin:2em auto 1em;height: auto;overflow: hidden;background: #f40101;}
.next_page span.more{display: block;width: 100%;height:58px; cursor:pointer;text-align: center;font-size: 18px;line-height: 58px;padding: 0;text-align: center;color: #fff; }


/*动态*/
.news .row.zpjs h2{font-size: 2.85rem;color:#000;width: 50%;line-height: 150%; }
.news .row.zpjs p i.red{font-weight: bold;font-family: "Microsoft YaHei" !important;}
/*联系我们*/
.count.up-scroll .pro-switch{padding-top: 7.7rem;z-index: 2;}
.count header{padding: 2.3rem 0 10px;}
.count .row {padding-top: 5rem;border: none;}
.count .row .col-md-3 h2{font-size: 1.86rem;color: #000;margin:20px auto 1.5em; }
.count .row .col-md-3 p{font-size: 1.57rem;color: #231815;line-height: 150%;width: 86%;}
.count .row .col-md-3 p a{color: #000;text-decoration: underline;}
.count .row .col-md-3 p a:hover{text-decoration: none;}


/*商务*/

/* query-tag */
.query-cover { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none; }
.query-pop { position: fixed; left: 50%; top: 50%; z-index: 20000; width: 400px; height: 182px; padding-top: 15px; margin-left: -200px; margin-top: -135px; background: #fff; display: none; }
.query-pop .tel { overflow: hidden; }
.query-pop .tel .dh{float: left;padding-top: 5px;margin-right: 15px;}
.query-pop .tel .input-wrap,
.query-pop .tel .btn-wrap { float: left; }
.query-pop .tel .phone-wrap { font-size: 34px; font-weight: bolder; line-height: 1;}
.query-pop .tel .phone-wrap h2{font-size: 24px;line-height: 150%;margin-top: 0;}
.query-pop .tel .phone-wrap a { color: #e60012;}
.query-pop .tel .btn-wrap { width: 120px; }
.query-pop .tel{ padding: 0 50px; margin: 20px 0; }
.query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
.query-pop .btn-wrap .btn-qqstart{
	margin-top:12px;
}
.query-pop .tip {font-size: 14px;color: #808285;font-weight: 100; }
.query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(../images/pop-closebtn.png) no-repeat center center; }

.query-pop .query_pop_button {width: 120px;  height: 40px;  line-height: 40px;  padding: 0;margin: 0;
    outline: none; box-shadow: none; border: 0; color: #fff;  background: #e70012;font-size: 14px;}
.query-pop .query_pop_input {border: 1px solid #adada9;width: 198px;height: 38px;font-size: 14px;
    line-height: 38px;color: #333;text-indent: 1em;}
.query-pop .swt{width: 100%;height: 54px;background: #f1f2f2;line-height: 54px;margin-top: 35px;}
.query-pop .swt a{display: block;width: 50%;color: #808285;text-align: center;font-size: 18px;text-align: center;float: left;}
.query-pop .swt a:last-child{background: #e60012;color: #fff;}


.swtwap{display: none;}

@media (max-width: 1660px) {
	.rwjj .col-md-8{padding: 11rem 6.85rem 0;}
}
@media (max-width: 1600px) {
  /*简介*/
 .row .col-md-6 p{font-size: 2rem;}
 .row .col-md-6 blockquote p{font-size: 2.4rem;}
 .jjts div.ts1 h3{font-size: 2.4rem;}
 .jjts div.ts1 p{font-size: 1.86rem;}
}
@media (max-width: 1560px) {
	/*简介特色*/
	.jjts div.ts1 { width: 15%;  float: left;  margin-right: 6.25%; min-width: 180px;}
	.jjts div.ts1 p{font-size: 2rem;}
	.rwjj .col-md-8{padding: 10rem 6.85rem 0;}
}


@media (max-width: 1440px) {
	.rwjj .col-md-8{padding:8rem 5rem 0;}
	.rwjj .col-md-8 p{font-size: 2rem;}
	/*简介特色*/
	.jjts div.ts1 h3{font-size: 2.4rem;}

}
@media (max-width: 1374px){
	/*简介特色*/
	.jjts div.ts1{ width:16%;  float: left;  margin-right: 4.25%; min-width: 180px;}
	.row .col-md-6 blockquote { padding: 2rem 6rem 0 4rem; }
	.rwjj .col-md-8{padding:4rem 5rem 0;}

}
@media (max-width: 1280px) {	
	.logo a img { width: 55%;}
}

@media (max-width: 1230px) {	

	/*标语*/
	.by h2,.about .rwkh h2{font-size: 3.2rem;}
	.by h3{font-size:2.8rem;}
	/*导航*/
	.nav a{font-size: 2.4rem}
	.nav > li > a{padding: 15px 8px;}
	.logo a.dq{font-size: 1.4rem;}
	.logo{width: 46%;}
	.logo a.dq{padding-left: 1%;}
	/*作品动态*/
	.itit h2{font-size: 3.4rem;}
	.row .col-md-4 a .portfolio-title h2{font-size:22px; }
	.row .col-md-4 a .portfolio-title p{font-size: 16px;}
	.row .col-md-3 dl dt{font-size:22px;margin-bottom: 20px;line-height:2.5rem;height:5rem;}
	.row .col-md-3 dl dd{font-size: 18px;line-height:1.6em;height:4.8em; }
	.row .col-md-3 dl p{font-size: 18px;margin-bottom: 18px;}

	/*简介特色*/
	.jjts div.ts1{ width:16%;  float: left;  margin-right: 4.5%; min-width: 150px;}
	.jjts div.ts1 p{font-size: 2.4rem;}
	.jjts div.ts1 h3{font-size: 2.6rem;}
	.rwjj .col-md-8{padding:2em 2em 0;}
	.rwjj .col-md-8 h1{margin-bottom: 24px;}
	.rwjj .col-md-8 p{font-size: 2.2rem;margin: 0;}
	.rwjj .col-md-8 p.jjmt50{margin-top: 2.5rem;}
	.row .col-md-6 p{font-size: 2.4rem;}
	.row .col-md-6 blockquote p{font-size: 2.4rem;}
	/*作品内容页*/
	.zuopin .container-fluid.nr{padding: 0 8%;}
	.row.zpxq img{margin: 5% 0;}
	/*底部*/
	footer .inner p{font-size: 2.2rem;}
	footer .inner p.footp{font-size: 2rem;}
	footer .inner div a{font-size: 2.2rem;}

}
@media (max-width: 1229px) {
  /*简介*/
  .jjts div.ts1 h3 {font-size: 2.3rem;}
  .jjts div.ts1 p {font-size: 2.1rem;}
  .row .col-md-6 p {font-size: 2.1rem;}
  .row .col-md-6 blockquote p{font-size: 2.2rem;}

}
@media (max-width: 1130px) {
	/*简介*/
	.rwjj .col-md-8 p {  font-size: 2rem;}
	.rwjj .col-md-8 h1 { font-size: 3.8rem;  margin-bottom: 35px;

}
@media (max-width: 1086px) {
	/*简介特色*/
	.rwjj .col-md-8 p{font-size: 1.8rem; }
	.jjts div.ts1{min-width: 140px;}	
}	


@media(max-width: 998px){
	/*导航*/
	.menu-link {display: block;}
	.menu{display: none;}
	.menu.show{display: block;}
	/*.logo {width: 52%;}*/
	.logo a.dq{font-size: 1.82rem;}
	.zuopin .container-fluid.nr, .news .container-fluid.nr{padding: 0 10%;}
	
	#container .inner {border-left-width: 50px;border-right-width: 50px;}
	.social li {   margin: 0 1.6em 0 0;}
	/*简介特色*/
	.jjts {clear: both;}
	.jjts div.ts1.mr0{margin-right: 0;}
	.jjts div.ts1{ width:30%;  float: left;  margin-right: 4.5%; min-width: 142px;}
	.jjts div.ts1 p{font-size: 2rem;}
	.jjts div.ts1 h3{font-size: 2.8rem;margin: 3rem auto;}

	.row .col-md-6 p{font-size: 2rem;}
	.row .col-md-6 blockquote p{font-size: 2rem;}
	.row .col-md-6 blockquote { padding: 4rem 3rem 0 4rem;}
	.rwjj .col-md-8 { padding: 4.6rem 2rem 0;}
	.rwjj .col-md-8 h1{font-size: 3.2rem;margin-bottom: 15px;}
	.rwjj .col-md-8 p{font-size: 1.8rem;}
	.rwjj .col-md-8 p.jjmt50{margin-top: 1.8rem;}

	/*标语*/
	.by h2,.about .rwkh h2{font-size:2.5rem;}
	.by h3{font-size:2.3rem;}
	

	/*作品动态*/

	.row .col-md-4 a .portfolio-title p{font-size: 14px;}
	.itit h2{font-size: 2.8rem;}
	/*.row .col-md-3 dl p{font-size: 2rem;}*/
	/*.row .col-md-3 dl dd{font-size: 2rem;}*/
	/*.row .col-md-3 dl dt{font-size: 2.4rem;}*/
	.row .col-md-4 a .portfolio-title h2{font-size: 2.4rem;}
	/*.row .col-md-4 a .portfolio-title p{font-size: 2rem;}*/
	/*内容页*/
	.zuopin .row.zpjs .col-md-4{padding-left: 15px;}
	.row.zpxq p{font-size: 1.57rem;margin-bottom: 3rem;}
	.row.zpxq h2{font-size: 2.28rem;margin: 2rem 0;}
	.row.zpxq address{font-size:3rem;}
	

	/*底部*/
	footer .inner div.zxly{width: 50%;float: left;}
	footer .inner div:last-child{width:48%;float: right;}
	footer .inner div a{font-size: 1.8rem;}
	footer .inner p{font-size: 1.6rem;}	
	.social p{text-align: right;}	
	footer .inner div:last-child{margin-top: 1rem;}
	footer .inner p.footp{font-size: 1.8rem;}
	footer p.copyright{margin-top: 135px;}

}
@media (max-width: 830px) {
	.rwjj .col-md-8{padding: .6rem 2rem 0;}
}
@media (max-width: 768px) {	
	/*top*/
	.logo a.dq{margin-bottom: 0px;}
	/*banner*/
	.flex-direction-nav a{background: url(../images/ad_ctrwap.png) no-repeat -13px -14px;
		width: 30px;height: 50px;margin: -30px 0 0;}
	.flex-direction-nav .flex-next { background-position: -8px -70px;  right: 35px;}
	.flex-direction-nav .flex-prev{left: 35px}
	/*简介*/
	.rwjj{padding-bottom: 3.2rem;}
	/*作品索引*/
	.row.izp .col-md-4{margin-top: 0em;}
	/*作品内容页*/
	.zuopin .container-fluid.nr, .news .container-fluid.nr{padding: 0 45px;}
	/*动态*/
	.news .row.zpjs{margin: 2.5rem auto;}
	.news .row.zpjs h2{width: 76%;}
	.news .row.zpxq{margin: 2.5rem auto;}

   /*商务通*/
  /*ins{display: none !important;}*/
  .swtwap{display: block;position: fixed;bottom: 0;z-index: 99;width: 100%;background: #e60012;}
  .swtwap a{width: 49.5%;float: left;text-align: center;display: block;color: #fff;font-size: 20px;height: 50px;line-height: 50px;border-right: 1px #fff solid;}
  .swtwap a:last-child{border: none;}
  
  .itit h2{font-size: 2.2rem;}
	.itit .in_case_listtitle{ width:100%; height:auto;  margin-top:0rem;}
	.itit .in_case_listtitle ul{ margin:0px; padding:0px; list-style:none; float:left;  }
	.itit .in_case_listtitle ul li{ float:left; font-size:1.5rem; line-height: 200%; margin-left:0rem;  color:#666; margin-right:1rem; margin-bottom:1rem;}
}


@media (max-width: 640px) {	

  .up-scroll .oby{margin-top: 0;}
	.up-scroll .bigpic{margin-top: 5rem;}
  /*.up-scroll  .oby{margin-top: 5rem;}*/
  .up-scroll .pro-switch.wapban{margin-top: 5rem;}
	.zuopin .container-fluid.nr, .news .container-fluid.nr{padding-right: 20px; padding-left: 20px;}
	.container-fluid{}
	header {padding: 1.3rem 0 1rem;}
	.nav a{color: #fff;font-size: 2.8rem;}
	.nav a.bb{color: #888;}
	.logo{width:20%;min-width: 254px;}
	.logo a.dq{font-size:1.2rem;display: none;}
	.logo a img{width: 60%;}
	.row .col-md-6 blockquote { padding: 4rem 0 4rem;}
	.col-sm-6{width: 100%;}
	/*banner*/
	.navbar-toggle{padding: 0;margin-top: 5px;margin-bottom: 0;z-index: 9999;}
	.pcban{display: none !important;}
	.wapban{display: block;}
	.collapse.in{position: absolute;}
	.flex-direction-nav a{background: url(../images/ad_ctrwap.png) no-repeat -13px -14px;
		width: 30px;height: 50px;margin: -30px 0 0;}
	.flex-direction-nav .flex-next { background-position: -8px -70px;  right: 35px;}
	.flex-direction-nav .flex-prev{left: 35px}
	/*简介*/
	.rwjj{padding-bottom: 3.2rem;margin-top: 3rem;}
	.row .col-md-6 p{font-size: 1.6rem;}
	.row .col-md-6 blockquote p{font-size: 2rem;}
	.row .col-md-6 blockquote { padding: 2rem 0 3rem;margin: 0;}
	.rwjj .col-md-8 h1{font-size: 2.2rem;}
	.rwjj .col-md-8 p{font-size: 1.6rem;}
	.jjts div.ts1{ width:47%;  float: left;  margin-right: 4%; min-width: 142px;}
	.jjts div.ts1.mr1{margin-right: 0;}
	.jjts div.ts1.mr0{margin-right: 4%;}
	.jjts div.ts1 p{font-size: 1.6rem;}
	.jjts div.ts1 h3{font-size: 1.8rem;margin: 2rem auto 1rem;}
	/*简介页面*/
	.about .rwkh .khpic img{float: none;}
	.about .rwkh .khpic img:first-child{width: 99%;}
	.about .rwkh .khpic img:last-child{width: 99%;}
	/*标语*/
	/*.up-scroll  .oby{margin-top: 5rem;}*/
	.up-scroll .bigpic div{padding-top:6.8rem;}
	.by{ width:90%; padding-left:0px; margin:0 auto; height:auto;}
	.by h2,.about .rwkh h2{font-size:1.8rem;line-height: 160%}
	.by h3{font-size:2rem;}
  .by h2{padding: 1.5rem 0 0rem; margin-top:0rem; font-size:3rem;}
	.by.wapban h2{padding:0;}
	.itit h2{font-size: 2.2rem;}
	.itit .in_case_listtitle{ width:100%; height:auto;  margin-top:0rem;}
	.itit .in_case_listtitle ul{ margin:0px; padding:0px; list-style:none; float:left;  }
	.itit .in_case_listtitle ul li{ float:left; font-size:1.5rem; line-height: 200%; margin-left:0rem;  color:#666; margin-right:1rem; margin-bottom:1rem;}
	
	/*作品动态*/
	.row .col-md-3 dl p{font-size: 1.6rem;margin-bottom: 1.2rem;}
	.row .col-md-3 dl dd{font-size: 1.6rem;width: 100%;}
	.row .col-md-3 dl dt{font-size: 2rem;margin-bottom: 1.5rem;}
	.row .col-md-4 a .portfolio-title h2{font-size: 2rem;}
	.row .col-md-4 a .portfolio-title p{font-size: 1.6rem;width: 100%;height: 3em;}
	.row .col-md-4 a.red{text-align: right;font-size: 2rem;width: 100%;display: inherit;}
	
	/*内容页*/
	.bigpic div{height: 150px;background-size: 150% 150px !important;}
	.bigpic div img{display: none;}
	.news .row.zpjs h2{width: 100%;}
	.zuopin .row.zpjs .col-md-6 h3{font-size: 16px;}
	.zuopin .row.zpjs .col-md-4 h3, .zuopin .row.zpjs .col-md-2 h3{font-size: 16px;}
	.zuopin .container-fluid.nr{padding: 0 20px;}
	.zuopin .row.zpjs .col-md-6{font-size:14px;line-height:1.8em;}
	.zuopin .row.zpjs .col-md-6 p{font-size: 16px;line-height: 1.8em;width: 100%;margin-bottom: 25px}
	.zuopin .row.zpjs .col-md-4 p, .zuopin .row.zpjs .col-md-2 p{font-size: 16px;}
	.zuopin .row.zpjs .col-md-4{padding-left: 15px;}
	.row.zpxq p,.row.zpxq div{font-size: 16px;margin-bottom: 3rem;width: 100%;}
	.row.zpxq h2{font-size: 18px;margin: 2rem auto;width: 100%;}
	.row.zpxq h1{font-size:24px;width: 100%;}
	.row.zpxq img{margin: 10px auto;max-width: 100%;}
	
	/*视频*/
	.row.zpxq figure div#isPlay{top: 28%; left: 40%;}
	.row.zpxq figure div#current{right: 25%;}
	.row.zpxq figure div#duration{right: 15%;}

	.pianfu{margin: 6rem auto;}
	.pianfu ul li.gos a{font-size: 14px;padding: 16px 5px;}
	.pianfu ul li.gos{width: 30%;font-size: 14px;}
	.pianfu ul li{width: 35%;font-size: 14px;}
	.pianfu ul li a{padding: 15px;}
	/*底部布局*/
	footer .inner{display: block;}
	footer .inner div a{font-size: 16px;}
	footer .inner p{font-size: 12px;}
	footer .inner p.pc{display: none;}
	footer .inner p.wap{display: block;}
	footer .inner div:first-child{width: 100%;}
	footer p.copyright{margin-top: 20px;text-align: left;}
	.social p{text-align: left;}	
	/*footer .inner div.zxly p{margin-bottom: 0px;}*/
/*	footer .inner div.zxly a{display: inline;}*/
	footer .inner div:last-child{margin-top: 1rem;width: 100%;}
	footer .inner div.social p.tubiao{display: none;}
	footer .inner div.zxly p.footp{font-size: 16px;margin-bottom: 5px;}
	/*联系我们*/
	.yuandian .flex-control-nav{display: none;}
	.count .row{padding-top:0;}
	.count .row .col-md-3 p{line-height: 130%;width: 100%;}
	.count .row .col-md-3 h2{margin:80px auto 1em; }

  .query-pop{width: 320px;    margin-left: -168px;}
  .query-pop .tel .phone-wrap h2{font-size: 18px;}
  .query-pop .tel .phone-wrap a{font-size: 22px;}
 
}
@media (max-width: 460px) {
	/*.up-scroll .oby {  margin-top: 8rem;}*/
	.news .row.zpjs h2 {font-size:1.85rem;}

}

@media (max-width: 360px) {
	.logo a img{width: 52%;}
	.logo a.dq{padding-left: 0;}
	.navbar-toggle{padding: 4px 1px;margin-top: 2px;}
	.in .navbar-nav{margin-top:10%; }
	header.is-scrolled{padding: 0.8rem 0 0;}
	header{padding: 1.2rem 0 0;}
	.count .pro-switch{padding-top: 5.8rem;}	
	.jjts div.ts1{min-width: 138px;}
	.social p a{margin: 0 1em 0 0;}
	.zuopin .row.zpjs, .news .row.zpjs{margin:2rem auto}
	.bigpic div{padding-top: 4rem;}

  .query-pop{ margin-left: -160px;}

}



























